<template>
  <div>
    <select v-model="selectId">
      <option value="101">北京</option>
      <option value="102">上海</option>
      <option value="103">武汉</option>
      <option value="104">广州</option>
      <option value="105">深圳</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectId: "101",
    };
  },
  watch: {
    selectId(newVal) {
      this.$emit("changeId", newVal);
    },
  },
};
</script>

<style>
</style>